html,body,a,div,ul,li,p,span{margin:0; padding:0;}
html,body{
	width:100%;
}
ul,li{
	list-style:none;
}
@font-face {font-family: 'iconfont';
    src: url('../font-ico/iconfont.eot');
    src: url('../font-ico/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../font-ico/iconfont.woff') format('woff'),
    url('../font-ico/iconfont.ttf') format('truetype'),
    url('../font-ico/iconfont.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.banner{
	width:1180px;
	height:390px;
	background:#ddd;
	overflow:hidden;
}
.banner ul,
.banner ul li{
	width:100%;
	height:100%;
	overflow:hidden;
}
.banner ul li img{
	width:100%;
}
.banner{
	position:relative;
}
.banner ul{
	overflow:hidden;
}
.banner ul li{
	position:absolute;
	left:100%;
}
.banner .btn{
	width:50px;
	height:50px;
	text-align:center;
	line-height:50px;
	background:rgba(0,0,0,0.5);
	position:absolute;
	top:50%;
	margin-top:-25px;
	text-decoration:none;
	color:#fff;
	border-radius:4px;
	overflow:hidden;
}
.banner .btn i{
	font-size:36px;
}
.banner .btn-left{
	left:-60px;
	-webkit-transition:left 0.3s;
	-moz-transition:left 0.3s;
	-ms-transition:left 0.3s;
	transition:left 0.3s;
}
.banner:hover .btn-left{
	left:10px;
}
.banner:hover .btn-right{
	right:10px;
	-webkit-transition:right 0.3s;
	-moz-transition:right 0.3s;
	-ms-transition:right 0.3s;
	transition:right 0.3s;
}
.banner .btn-right{
	right:-60px;	
}
.list-btn{
	display:inline-block;
	padding:5px;
	background:rgba(0,0,0,0.5);
	border-radius:4px;
	margin:0 auto;
	position:absolute;
	bottom:15px;
	left:50%;
}
.list-btn a{
	display:inline-block;
	width:10px;
	height:10px;
	background:#fff;
	border-radius:50%;
	margin:0 5px;
}
.list-btn .cur{
	background:red;
}
